<template>
	<view :style="bj">
		<view class="qr_img_bg" >
			<view class="cou_balance">odoo app</view>
			<view class="cou_num">版本：{{version}}</view>
			<view class="act_time">扫码一键下载</view>
			<image class="qr_img" :src="url"></image> 
		</view>
		<view>
		  <canvas canvas-id="shareCanvas" class="canvas_view"></canvas>
		</view>
		<view :style="color" class="save_but" @click="save">保存二维码</view>
		<view :style="color" class="save_but" @click="editionCheck">版本检查</view>
		<view :style="color" class="save_but" @click="returnlogin">返回登录页面</view>
	 <!-- <mask-model ref="showMask" btnType="1"  :titleContext="titleContext" @confirm="confirm" @cancel="cancel" titleColoe="#666666" cancelColor="#666666" confirmColor="#00BFFF" :maskTitle="maskTitle"></mask-model> -->
	</view>
	
</template>

<script>
	import {promisify} from '../../static/promise.util.js'
    import maskModel from '../../components/mask-model/mask-model.vue'
	export default {
		components: {
		     maskModel
		},
	    data() {
	        return {
				bj:{
				backgroundColor:this.$kdup.color,
				height:'700px',
				MarginTop:'-10rpx',
				width:'100%',
				position:'absolute'
				},
				color:{
					color:this.$kdup.color
				},
				// maskTitle:'',//更新内容提示
				// titleContext:"更新提示",
				// updatecontent:"\n\n1.点击版本号查看更新内容。"+//更新内容
				// "\n\n2.密码加密24位。"+
				// "\n\n3.美化分类ui。"+
				// "\n\n4.加入全局异常提示。"+
				// "\n\n5.添加切换用户功能登录过的用户可以直接切换。"+
				// "\n\n6.加入注销功能，注销回到登录页面。"+
				// "\n\n7.加入生成二维码功能，可以推荐给别人或者保存起来。"+
				// "\n\n8.首页点击登录用户查看客户信息和数据中心。"+
				// "\n\n9.添加源单计算方式功能以及按钮上推。"+
				// "\n\n10.添加多源单合并领料功能。"+
				// "\n\n11.源单添加快速扫描功能扫描源单后自动添加条码。"+
				// "\n\n12.添加查看权限根据不同的角色显示不同的菜单。"+
				// "\n\n13.添加盘点方案单据。"+
				// "\n\n14.添加领料套件欠领问题。"+
				// "\n\n15.添加入库数量+扫描数量同一个物料不能超过未入库数量。"+
				// "\n\n16.添加页面快捷操作左右上下滑动切换页面。",
				version:"",
				
				url:""
			
	        };
	    },
		onLoad(e){
			uni.setNavigationBarColor({
				frontColor: "#ffffff",	//文字颜色
				backgroundColor: this.$kdup.color	//底部背景色
			})
		    this.version=e.version;	  
		    const wxGetImageInfo = promisify(wx.getImageInfo)
			var windowW = 303
			var erwei = ""
			var data = {
				mer_name:'odoo app',
				stock_bal:5,
				stock_name:this.version,
				stock_type:2,
				stock_max:10,
				stock_min:1,
				stock_time:this.time
			}
			wxGetImageInfo({
			  src: this.url
			}).then(res =>{
				erwei = res.path
				wxGetImageInfo({
				  src: this.url
				}).then(res => {
				  const ctx = wx.createCanvasContext('shareCanvas')
				  const qrImgSize = 117
				  ctx.drawImage(erwei, (windowW - qrImgSize) / 2,136, qrImgSize,qrImgSize)
				  ctx.font="16px PingFang SC Bold"
				  ctx.fillText(data.mer_name, (303-ctx.measureText(data.mer_name).width)/ 2, 322)
				  ctx.stroke()
				  ctx.draw()
				})
			})
		
			
		
		},
	    methods: {
			//版本检查
			editionCheck(){
			uni.request({
				url: uni.getStorageSync("kdup_url")+'/apk/new.txt',  // 如果不弹出更新提示是因为其他服务器没有更新版本文件
				method: 'GET',  
				data: {},  
				success: res => { 
					console.log(uni.getStorageSync("kdup_url")+'/apk/new.txt')
					if(res.data.length<20){
						//检查更新
							//uni.getSystemInfo({  
								//success:(res1) => {   
								    //if(res1.platform=="android"){ 
										uni.showToast({
											icon: 'none',
											title: '当前版本:'+this.version+",服务器版本:"+res.data,
											duration: 3000
										});
										// var _url;
										// 	if(this.$kdup.isEmpty(uni.getStorageSync("kdup_url"))){
										// 	uni.setStorageSync("kdup_url",this.url)
										// 	}
										// 	_url=uni.getStorageSync("kdup_url");
										// 	if(this.$kdup.isEmpty(_url)){
										// 		uni.showToast({
										// 			icon: 'none',
										// 			title: '请先配置服务地址！',
										// 			duration: 3000
										// 		});
										// 		return;
										// 	}
										// uni.request({  
										// 	url: _url+'/apk/new.txt',  // 如果不弹出更新提示是因为其他服务器没有更新版本文件
										// 	method: 'GET',  
										// 	data: {},  
										// 	success: res => {  
										// 		if(res.data.length<20){
										// 		 if(res.data!=this.version){//检查网络连接状态连接WiFi，2G,3G,4G,5G
										// 			if(plus.networkinfo.getCurrentType()==2||plus.networkinfo.getCurrentType()==3||plus.networkinfo.getCurrentType()==4||plus.networkinfo.getCurrentType()==5||plus.networkinfo.getCurrentType()==6){  
										// 			this.maskTitle="有新的版本发布:"+res.data+"\n检测到您目前网络可用是否更新系统?\n更新内容："+this.updatecontent;
										// 			this.$refs.showMask.show()
										// 			}
										// 		 }  
										// 		 }
										// 	},  
										// 	fail: () => {
												
										// 	},  
										// 	complete: () => {}  
										// 	});
									//}  
								//}  
						 // })
					 }else{
						uni.showToast({
							icon: 'none',
							title: '请求地址失败，找不到指定资源，检查地址:'+uni.getStorageSync("kdup_url")+'/apk/new.txt',
							duration: 5000
						}); 
					 }
				},  
				fail: () => {
					
				},  
				complete: () => {}  
				}); 
			},
			//放回登录页面
			returnlogin(){
				uni.navigateTo({
					url: '/pages/login/login'
				});
			},
			// confirm:function(e){//确定按钮
			// var _url = uni.getStorageSync("kdup_url");
			//   var dtask = plus.downloader.createDownload( _url+"/apk/newapk.apk", {}, function ( d, status ) {
			// 		// 下载完成  
			// 		if ( status == 200 ) {   
			// 			plus.runtime.install(plus.io.convertLocalFileSystemURL(d.filename),{},{},function(error){  
			// 				uni.showToast({  
			// 					title: '安装失败',  
			// 					mask: false,  
			// 					duration: 1500  
			// 				});  
			// 			})  
			// 		} else {  
			// 			 uni.showToast({  
			// 				title: '更新失败',  
			// 				mask: false,  
			// 				duration: 1500  
			// 			 });  
			// 		}    
			// 	});  
			
			//  try {
			// 	  dtask.start(); 
			// var prg = 0;
			// var showLoading = plus.nativeUI.showWaiting("正在下载");  //创建一个showWaiting对象 
			// dtask.addEventListener('statechanged', function(
			//   task,
			//   status
			// ) {
			//   // 给下载任务设置一个监听 并根据状态  做操作
			//   switch (task.state) {
			// 	case 1:
			// 	  showLoading.setTitle("正在下载");
			// 	  break;
			// 	case 2:
			// 	  showLoading.setTitle("已连接到服务器");
			// 	  break;
			// 	case 3:
			// 	  prg = parseInt(
			// 		(parseFloat(task.downloadedSize) /
			// 		  parseFloat(task.totalSize)) *
			// 		  100
			// 	  );
			// 	  showLoading.setTitle("  正在下载" + prg + "%  ");
			// 	  break;
			// 	case 4:                                                                                                                                                                                            
			// 	   plus.nativeUI.closeWaiting();
			// 		//下载完成
			// 	  break;
			//   }
			// });
			//   } catch (err) {
			//   plus.nativeUI.closeWaiting();
			//   uni.showToast({
			// 	title: '更新失败-03',
			// 	mask: false,
			// 	duration: 1500
			//   });
			//   }
			  										
			// },
			// cancel:function(){//取消按钮
			//  uni.showToast({
			//  	title: '已取消',  
			//  	mask: false,  
			//  	duration: 1500,  
			//  	icon:"none"  
			//  });  
			// },
			  save:function(e){
			  	uni.canvasToTempFilePath({	// 把画布转化成临时文件
			  	  	quality: 1,					// 图片质量
			  	  	canvasId: 'shareCanvas',		// 画布ID
			  	  	success(res) {
			  	  		uni.saveImageToPhotosAlbum({	// 存成图片至手机
			  	  			filePath: res.tempFilePath,
			  	  			success(res2) {
			  	  				uni.showToast({title: '二维码保存成功', duration: 2000})
			  	  			},
			  	  			fail(res3) {
			  	  				if (res3.errMsg === 'saveImageToPhotosAlbum:fail auth deny' || res3.errMsg === "saveImageToPhotosAlbum:fail:auth denied" ) {
			  	  					uni.showModal({
			  	  						title: '提示',
			  	  						content: '需要您授权保存相册',
			  	  						showCancel: false,
			  	  						success:modalSuccess=>{
			  	  						  uni.openSetting({
			  	  							success(settingdata) {
			  	  							  if (settingdata.authSetting['scope.writePhotosAlbum']) {
			  	  								uni.showModal({
			  	  								  title: '提示',
			  	  								  content: '获取权限成功,再次点击图片即可保存',
			  	  								  showCancel: false,
			  	  								})
			  	  							  } else {
			  	  								uni.showModal({
			  	  								  title: '提示',
			  	  								  content: '获取权限失败，将无法保存到相册哦~',
			  	  								  showCancel: false,
			  	  								})
			  	  							  }
			  	  							},
			  	  							fail(failData) {
			  	  							},
			  	  						  })
			  	  						}
			  	  					})
			  	  				}else{
			  	  					uni.showToast({title: '取消保存', duration: 2000,icon:'none'})
			  	  				}
			  	  			}
			  	  		})
			  	  	},
			  	  	fail(err) {
			  	  		uni.showToast({title: '保存失败，稍后再试',duration: 2000,icon:'none'})
			  	  	}
			  	  })
			  },
	    }
	
	}
</script>

<style>
	page {
	 background-image: linear-gradient(#00BFFF, #aaffff, #aaff7f);
	}
	.canvas_view{
		width: 300px;
		height: 451px;
		margin: auto;
		margin-top: 58rpx;
		position: fixed; 
		top: -10000rpx;
	}
	.save_but{
	  width: 264rpx;
	  height: 80rpx;
	  text-align: center;
	  line-height: 80rpx;
	  font-size: 26rpx;
/* 	  color:#00BFFF; */
	  background-color:   #ffffff;
	  margin: auto;
	  border-image-repeat: 6rpx;
	  margin-top: 10rpx;
	  border-radius: 10rpx;
	}
	.qr_img_bg{
	  width: 606rpx;
	  height: 766rpx;
	  margin: auto;
	  border-radius: 24rpx;
	  background-size: 100% 100%;
	  padding-top: 1px;
	  text-align: center;
	}
	.qr_img{
	  width:450rpx;
	  height: 450rpx;
	  margin-top: 30rpx;
	}
	.mer_name_text{
	  font-size: 24rpx;
	  margin-left: 30rpx;
	  margin-top: 33rpx;
	}
	.act_text{
	  font-size: 10rpx;
	  color: #999999;
	}
	.cou_balance{
	  color: #ffffff;
	  font-size: 42rpx;
	  text-align: center;
	  margin-top: 100rpx;
	}
	.cou_balance text{
	  font-size: 15rpx;
	}
	.cou_num{
		 color: #ffffff;
	  font-size: 14rpx;
	  text-align: center;
	  margin-top: 20rpx;
	}
	.cou_num text{
	  font-size: 16rpx;
	}
	.act_time{
		 color: #ffffff;
	  font-size: 11rpx;
	  margin-top: 10rpx;
	}
	.qr_mer_name1{
	  font-size: 24rpx;
	  color: #1A1D26;
	  margin-top: 100rpx;
	  font-weight: bold;
	}
</style>
